@charset "utf-8";
*{ padding:0; margin:0;}
body{ color:#666; background:#fff; font:12px/1.8 "微软雅黑","宋体",Arial, Helvetica, sans-serif; }
ul, li{ list-style:none;}
img{ border:none}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }
h1,h2,h3,h4,h5{font-family: "微软雅黑"; }
a{ color:#555; text-decoration:none;}
a:hover{ color:#c10404; text-decoration:underline}
.t_hide{ text-indent:-999em; overflow:hidden;}
.left{ float:left}
.right{ float:right}
.txt_center{text-align: center;} .txt_right{text-align: right!important;}
.p_relative{position: relative;}
.bordernone{ border:none!important;}


input,select{

margin-top:0px;
}

.shoplist li img[width="0"],.shoplist li img[width="1"] { display:none;}
.wrapper{ 

    margin:0 auto;
    background-color: #ECECEC;
  
}
.breadcrumbs {
    width: 1080px;
    margin: 0px auto;
    text-align: left;
    padding: 5px;
    line-height: 25px;
}
h3{ font-size:13px}
.topnav{ 
    background: #333;
    height: 30px;
    width: 100%;
    line-height: 30px;
    color: #FFF;
}
.topnav .wrapper{
    background: #333;
    width: 1080px;
}
.topnav .marquee_p{
    text-align: left;
}
.topnav a{ color: #FFF} 
.topnav select{ color: #000} 
.topnav .topinfo{ float: right;} .topnav .topinfo a{display: inline-block; margin:0 4px;}
.paybtn{  height: 23px; display: inline-block; vertical-align: middle; margin:0 10px;}
.paybtn a{height: 23px; display: inline-block; margin:0!important; background: url(images/pay_ico.jpg) no-repeat left top;}
.paybtn a.pay_1{width: 48px; background-position: 0 0;}
.paybtn a.pay_2{width: 30px; background-position: -48px 0;}
.paybtn a.pay_3{width: 35px; background-position: -80px 0;}
.paybtn a.pay_4{width: 25px; background-position: -115px 0;}
.paybtn a.pay_5{width: 30px; background-position: -140px 0;}
.paybtn a.pay_6{width: 40px; background-position: -170px 0;}
.paybtn a.pay_7{width: 40px; background-position: -210px 0;}
.topnav .version{font-weight: bold;}
.topnav .slt{border:1px solid #c7c7c7; height: 22px; line-height: 22px; padding-left: 5px;}

/* header */
.header {
    width: 1080px;
    margin: 0px auto;
    overflow: hidden;
    padding: 10px 0px 0px 0px ;
    text-align: left;
     height: 110px;
}
.header a.logo{background: url(images/logo.png) no-repeat; width: 230px; height: 80px;  display: block; text-indent: -999em; overflow: hidden;}
.header h1{
    float: left;
}


.main{
    width:1080px; 
     text-align: left; 
     overflow: hidden; 
     padding-top: 10px;
     margin: 0px auto;
}
.main_qa{
    width:1080px; 
     text-align: left; 
     overflow: hidden; 
     padding-top: 10px;
     margin: 0px auto;
     background-color:white;
     padding-bottom: 20px;
}
.main .container{
    background-color: #FFF; 
    margin-bottom: 10px;
    padding-bottom: 20px;
    padding-top:5px;
}

/* slide */
.swiper-container {
    width: 100%;
    /* min-width: 980px; */
     /*height: 380px;
    /* overflow: hidden; */
    position: relative;
}
.swiper-wrapper {
    /* width: 1080px; */
    /* height: 380px; 
    /* margin-left: -100px; */
    /* margin-right: -100px; */
}

.slider{
    background-color: #388BFF;
}
.slide{ 
    overflow: hidden;
    /*height: 380px;*/
    width: 1080px;
    margin: 0px auto;
}
.slide .slide_con{
    height: 380px; 
    width: 1080px; 
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
.slide .rslide{position: relative; width: 100%; max-height: 380px; overflow: hidden;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0; z-index:0}
.rslides li {-webkit-backface-visibility: hidden;position: relative;display: none;
    width: 100%;
    min-width: 1080px;
    left: 0;top: 0; z-index: 0;}
.rslides li:first-child {position: relative;display: block;float: left;z-index: 0}
.rslides img {display: block;height: auto;float: left;
    width: 100%;
    border: 0; 
    height: 380px;
}
.rslides li a{display: block; 
    width: 100%; 
    height: 380px; 
    margin:0 auto; z-index: 0}
.slide .rslides ul{display:block;
    width:100%; 
    height:380px; 
    overflow: hidden; position: 
    relative; z-index: 111}
.slide .rslides li{ float:left; width: 100%; position: absolute;}
.rslides_tabs{ position: absolute; right:10px; bottom:10px; z-index: 1111;}
.rslides_tabs li {float: left; margin-right: 5px;}
.rslides_tabs li a{display: block; float: left; text-indent: -999em; overflow: hidden; width: 40px; height: 8px; background: #dfdfdf; z-index: 1111; }
.rslides_tabs li.rslides_here a{ background: #00a9dc; }

.main_point{
    padding: 15px 0px;
    background-color: #FFF;
}
.main_point .main_point_wrapper{
    width:1080px;
    margin: 0px auto;
}
.main_point .item1{
    width: 24%;
    display: inline-block;
        text-align: left;
}
.main_point .item2{
    width: 24%;
    display: inline-block;
        text-align: left;
}
.main_point .item3{
    width: 24%;
    display: inline-block;
        text-align: left;
}
.main_point .item4{
    width: 24%;
    display: inline-block;
        text-align: left;
}
.main_point .item1 h3{
    background: url(images/icon01.png) no-repeat;
    display: block;
    padding-left: 80px;
    line-height: 80px;
}
.main_point .item2 h3{
    background: url(images/icon02.png) no-repeat;
    display: block;
    padding-left: 80px;
    line-height: 80px;
}
.main_point .item3 h3{
    background: url(images/icon03.png) no-repeat;
    display: block;
    padding-left: 80px;
    line-height: 80px;
}
.main_point .item4 h3{
    background: url(images/icon04.png) no-repeat;
    display: block;
    padding-left: 80px;
    line-height: 80px;
}

.ipt,.slt{border:1px solid #d5d5d5; height: 18px; padding: 2px;}.ipt:focus{border-color: #f80;}

/* header */
.t_head{ height: 45px; position: relative; width: 100%; overflow: hidden; margin-bottom: 15px;}
.t_head h4{display: inline-block; height: 31px; font:normal 18px/31px "微软雅黑"; color: #fff; padding-right: 15px; padding-left: 10px;padding-top: 0px;}
.t_head a.btn_more{ display: block; position: absolute; right: 10px; top: 5px; color: #fff;padding-top: 8px;}

/* shop pic list */
.shoplist{ overflow: hidden;padding:6px 0} .shoplist li{float: left; overflow: hidden; white-space: nowrap; text-align: center; margin-bottom: 10px;}
.shoplist li img{border:1px solid #c5c5c5; display: block; width: 188px; height: 75px; margin:0 auto 8px;}
.shoplist li img:hover{border-color: #c10404}

.index_container{  overflow: hidden;}
.index_container .item{
    width: 31%;
   display: inline-block;
   vertical-align: top;
   background-color: #FFF;
   border: 1px solid #ccc;
}
.index_container .full_item{
    padding: 5px 0px;
}
.index_container .full_item h4{
    display: block;
    padding-left: 10px;
    color: #fff;
    height: 43px;
   font: normal 18px/31px "微软雅黑";
    background-color: #0095C3;
    margin-bottom: 5px;
    padding-top:5px;
    width:1056px;
}
.index_container .full_item .col4 a{
    display: inline-block;
    width: 24%;
    padding-right: .5%;
}
.index_container .full_item .col5 a{
    display: inline-block;
    width: 19%;
    padding-right: .5%;
}
.index_container .full_item a img{
    width: 100%;
}
.index_news{ overflow: hidden;}
.index_news .t_head{background-color: #318000;}
.index_news li{padding-bottom: 8px; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted #b6b6b6; color: #999; line-height: 1.2; 
    white-space: nowrap; 
    width: 100%; overflow: hidden; text-overflow:ellipsis;}
.index_news li a{ display: inline-block; 
    margin-left: 12px;}

.index_qa{ 
    overflow: hidden; 
    line-height: 24px;}
.index_qa .t_head{background-color: #0095C3;}
.index_qa ul li a{
    display: block;
    padding: 2px 3px;
}
.index_rcm{
    overflow: hidden;}
    .index_rcm .t_head{background-color: #D43AAA;}
.index_rcm .shoplist li{width: 50%;}
.index_rcm .shoplist li img{ width: 140px; 
    height: 53px;}



.index_sidebar{width: 250px; overflow: hidden;}
.regbtn{background: #fff6f1; border:1px solid #ffd4bb; padding: 10px; margin-bottom: 11px;}
.regbtn a{background: url(images/btn_reg.jpg) no-repeat; width: 227px; height: 77px; display: block;}
.regbtn a:hover{background-position: 0 -78px;}
.side_img{margin-bottom: 15px;}

.datepick{border:1px solid #d5d5d5; position: relative; text-align: center; padding-bottom: 5px;}
.datepick h4{ border-bottom:1px solid #d5d5d5; text-align: left; height: 32px; font:normal 16px/32px "微软雅黑"; color: #333; padding: 0 10px; overflow: hidden; }
.datepick strong{color: #333; font-size: 14px;}



/*login*/
.loginbg{background:#d3fcff url(images/login_bg-200.jpg) no-repeat center bottom; width: 100%; height: 376px; overflow: hidden; position: relative;}
.loginbox{position: absolute; left: 635px; top: 40px; width: 300px; text-align: left; background: #fff; border-radius: 5px; height: 320px; padding-bottom: 12px;}
.loginbox h4{height: 40px; font:normal 18px/40px "微软雅黑"; color: #fff;  background: #f60; padding: 0 10px; border-radius: 5px 5px 0 0; margin-bottom: 20px;}
.loginbox li{padding: 10px 15px; overflow: hidden;}
.loginbox label{display: block;}
.loginbox .ipt{width: 250px; padding: 10px 4px 10px 10px; line-height: 20px; height: 28px; border-radius: 2px;}
.loginbox a{color: #00a9dc;}
.loginbox .btn_login,.loginbox .btn_reg{background: url(images/btn_box.jpg) no-repeat; display: block; width: 115px; height: 40px; border:none; cursor: pointer;}
.loginbox .btn_login:hover{background-position: 0 -40px;}
.loginbox .btn_reg{background-position: -115px 0;} .loginbox .btn_reg:hover{background-position: -115px -40px;}



/*regsiter*/
.reg_step{ padding: 0 20px; width: 940px; margin:0 auto 25px; overflow: hidden;}
.reg_step ul{width: 120%;}
.reg_step li{width: 235px; float: left; font-weight: bold; line-height: 22px;}
.reg_step li a{display: block; background: #fff; border:1px solid #bfbfbf;font-size: 14px; height: 34px; line-height: 34px; color: #333; text-align: center; text-decoration: none; margin-left: -1px;}
.reg_step li.on{color: #ffa800;}
.reg_step li.on a{background: #f60; color: #fff;}
.order_step{width: 759px; padding: 0 0 0 1px;}
.order_step li{width: 151px;}


.reg_con{ width: 940px; margin:0 auto 25px; overflow: hidden;}
.reg_con fieldset{ border:none; margin-bottom: 25px;}
.reg_con fieldset legend{color: #007fa5; display: block; width: 100%; border-bottom: 3px solid #007fa5; font-size: 16px; font-weight: bold; padding-bottom: 4px; margin-bottom: 30px;}
.reg_con li{ padding: 0 20px 12px 0px; position: relative;}
.reg_con li a{ color: #fff}
.awhite { color: #fff!important;}
.reg_con li span{color: #f00;}
.reg_con li span.reg_tip{color: #999;}
.reg_con label{display: inline-block; margin-right: 10px;}
.reg_con label.reg_title{width: 100px; margin-right: 3px; text-align: right;}
.reg_con .ipt,.reg_con .slt{ height: 30px; line-height: 20px; background: #fff; margin-right: 5px; width: 210px;}.reg_con .slt{height: 24px; width: 215px;}
.reg_con .reg_pl{padding-left: 30%;}
.reg_con .code_img img{vertical-align: middle;}
.fg_psw fieldset legend{display: none;}

.fg_psw .fg_psw_finish{font:normal 20px/32px "微软雅黑"; color: #f80; text-align: center; margin:0 auto 20px; overflow: hidden;}
.fg_psw .fg_psw_finish strong{display: block; font-size: 25px; font-weight: normal; margin-bottom: 5px;}
.fg_psw_finish dl{width: 300px; margin: 0 auto; overflow: hidden;}
.fg_psw_finish dt{float: left; width: 52px;}
.fg_psw_finish dd{ margin-left: 52px;}

.reg_finish{margin: 0 auto; width: 530px; overflow: hidden; }
.reg_finish a{color: #f00;}
.reg_finish strong{font-size: 14px; color: #333;}
.reg_finish dl{overflow: hidden; margin-bottom: 30px;}
.reg_finish dt{float: left; width: 60px; text-align: center; }
.reg_finish dd{ margin-left: 65px; font-size: 16px; color: #666;}
.reg_finish dd strong{font:normal 25px/32px "微软雅黑"; color: #f80; display: block; margin-bottom: 10px;}
.reg_finish .address{ padding: 20px 45px; border:1px solid #dfc5b3; background: #ffede1; margin:10px auto; overflow: hidden; line-height: 24px;}
.reg_finish .btn_regnext{display: block; margin:20px auto;}


.sidebar{width: 196px; 
    padding: 1px; 
    border:1px solid #ddd; 
    overflow: hidden;}
.sidebar h3{ 
    background: #00aee2; 
    font:bold 18px/37px "微软雅黑"; 
    line-height: 40px; 
    color: #fff; 
    padding: 0 5px;
    margin-top:0px;
    margin-bottom:0px;	
}
.sidebar .bnr_block{
    padding: 0px;
}
.sidebar .bnr_block ul li{
    border-bottom: 1px solid #FFF;
}
.sidebar .bnr_block ul li a{
    line-height: 45px;
}

.uc_menu{padding-top: 12px;
    background-color: #FFF;}
.uc_menu h4{
    /* background: #f1f1f1;  */
    height: 18px; 
    line-height: 18px; 
    padding: 6px 10px; 
    font-size: 16px; 
    /* color: #008ab3;  */
    margin-bottom: 5px;}
.uc_menu h4 span{display: inline-block; 
    /* border-left: 2px solid #f60;  */
    padding-left: 8px;}
.uc_menu li{
    height: 35px; 
    line-height: 35px; 
    border-bottom: 1px dotted #ddd;}
.uc_menu li:last-child{border-bottom: none;}
.uc_menu li a{
    display: block; 
    padding: 0 35px; 
    text-decoration: none;}
.uc_menu li a:hover{ background: #f2fcff}
.uc_menu li.on a{background: #e5f9ff;}


.container{width: 870px; overflow: hidden;}
.container h3{ font-size: 16px; color: #333; padding-top:10px;padding-bottom: 10px;    background-color: white;}

.uc_tab{overflow: hidden; height: 40px; line-height: 40px; border:1px solid #ddd; }
.uc_tab li{float: left; border-right:1px solid #ddd; width: 100px; height: 40px;}.uc_tab li:last-child{border-right: none;}
.uc_tab li a{display: block; text-align: center; font-size: 14px; text-decoration: none;}
.uc_tab li.on{
    line-height: 37px;
    height: 37px;
}
.uc_tab li.on a{background: #FFF; 
    color: #ff3000;
    border-top: 3px solid #ff6600;
}

.uc_tab .state_tab{
    background-color: #eee;
}
.uc_tab .state_tab a .cnt{
    padding: 0px 5px;
    background-color: red;
    color: #FFF;
    border-radius: 50px;
    margin-left: 3px;
}

.uc_search{overflow: hidden; margin-bottom: 10px;background-color: #f7f7f7;padding-top:15px;}
.uc_search label{display: inline-block; margin-right: 5px;padding-left: 25px;    padding-bottom: 10px;}
.uc_search .ipt{height: 26px; width: 120px;}


.uc_list{width: 100%;padding 25px 25px;      }
.uc_list table{border-collapse: collapse; border:1px solid #ddd; margin-bottom: 20px;}
.uc_list th,.uc_list td{border:1px solid #ddd; padding: 8px 10px; line-height: 1.2;}
.uc_list th{ background: #efefef; color: #333; }
.uc_list .state{color: #f00; }
.uc_list a{color: #00a9dc;}
.uc_list a.btn_control,.uc_list a.btn_submit,.uc_list a.btn_pay{border:1px solid #95c1ce; color: #0098c6; display: inline-block; text-align: center; height: 30px; line-height: 22px; background:#f3faff; background:-moz-linear-gradient(center top, #feffff, #e6f5ff); background:-webkit-gradient(linear, 0 0,0 bottom, from(#feffff), to(#e6f5ff)); border-radius: 3px; text-decoration: none; padding: 4px 8px; margin:3px 0;}
.uc_list a.btn_control:hover,.uc_list a.btn_submit:hover{background: #fff}
.uc_list a.btn_submit{background:#efefef; background:-moz-linear-gradient(center top, #fdfdfd, #e2e2e2); background:-webkit-gradient(linear, 0 0,0 bottom, from(#fdfdfd), to(#e2e2e2)); color: #333; border:1px solid #c9c9c9; font-size: 14px;}
.order_list td,.order_list th{border-width: 1px 0;}
.uc_list a.btn_pay{ background: #ff8b00; border:1px solid #e17c04; color: #fff; min-width: 60px;  font-size: 14px;} .uc_list a.btn_pay:hover{background: #ff9c26;}
.uc_list a.btn_merge{background: #fff; border:1px solid #fcd9c1; height: 22px; line-height: 22px; padding: 0 10px; display: inline-block; color: #ff8531; text-decoration: none;} .uc_list a.btn_merge:hover{background: #ffede1}


.page{ overflow: hidden; text-align: center; margin:20px auto;}
.page a{color: #717171; margin:0 3px; display: inline-block; text-align: center; padding: 0 8px; height: 22px; line-height: 22px; border:1px solid #c9c9c9; border-radius: 3px; text-decoration: none; background:#efefef; background:-moz-linear-gradient(center top, #fdfdfd, #e2e2e2); background:-webkit-gradient(linear, 0 0,0 bottom, from(#fdfdfd), to(#e2e2e2)); vertical-align: middle;}
.page a:hover{background: #fff;}
.page a.current{background: #ff7011; border-color: #ff7011; color: #fff!important;}
.page .ipt{width: 50px; padding: 2px; height: 18px; line-height: 18px;}
.page a.btn_goto{ color: #fff; border:1px solid #006e98; background: #0093cd; box-shadow: 1px 1px 2px rgba(0,0,0,.3) inset;}
.page a.btn_goto:hover{background: #00b7ff}

.uc_main{
    overflow: hidden; 
    background-color: #FFF;
    padding: 5px;
}
.uc_main p{padding-bottom: 5px;}
.uc_main h3{
    text-align: center;
    line-height: 30px;
    color: #006dcc;
    font-size: 20px;
}
.uc_main h4{
    padding: 3px 10px;
    color: #000000;
    font-size: 15px;
    height: 32px;
    line-height: 26px;
    margin-bottom: 15px;
    /* margin-left: 5px; */
    border-left: 3px solid #00aee2;
    background-color: #f3f3f3;
}
.bnr_block{
    padding-bottom: 5px;
}
.uc_main .packinfo{border:1px solid #e0e0e0; width: 420px; padding: 10px 20px; margin-bottom: 15px; overflow: hidden;}
.uc_main .packinfo strong{display: inline-block; width: 100px; text-align: right; font-weight: normal;}
.uc_main .packinfo li{padding-bottom: 8px; line-height: 1.2;}
.uc_main .packinfo .pack_total{ padding-left: 50px; width: 160px; border-top: 1px solid #e0e0e0; margin-top: 10px;}
.uc_main .packbtn{padding-left: 40%}
.uc_main .uc_info{margin-bottom: 10px; padding: 0 20px 0 110px;}
.uc_main .uc_info li{line-height: 24px;}
.uc_main .uc_info .li50p li{ float: left; width: 49.99%;}
.uc_main .packdetail{ padding:10px 25px; overflow: hidden;}
.uc_main .packdetail strong{display: block; width: 100px; font-weight: normal; text-align: right; position: absolute; left: 0; top: 0; }
.uc_main .packdetail li{padding-bottom: 10px; position: relative; padding-left: 105px; min-height: 24px;} .uc_main .packdetail span{color: #f00;}
.uc_main .packdetail .pack_tip{color: #999; white-space: nowrap;}
.uc_main .packdetail .ipt{width: 160px;}
.uc_main .packdetail .slt{width: 165px; height: 24px; line-height: 24px;}
.uc_main .packdetail .packother{padding-left: 70px;}
.uc_main .packdetail .w_350{width: 350px;}.uc_main .packdetail .w_280{width: 280px;}.uc_main .packdetail .w_240{width: 240px;}.uc_main .packdetail .w_210{width: 210px;}.uc_main .packdetail .w_70{width: 70px;}.uc_main .packdetail .w_120{width: 120px;}.uc_main .packdetail .w_40{width: 40px;}

.uc_main .packother li{padding-left: 0;}
.uc_main .reg_finish{ padding-top: 20px;}
.uc_main .reg_finish

.uc_address{border:1px solid #ddd; padding: 20px 12px 10px; line-height: 1.5;}
.uc_address th,.uc_address td{border-width: 1px 0;}

.uc_head{border-bottom: 1px dotted #ddd; padding-bottom: 8px; margin-bottom: 10px; overflow: hidden;}
.uc_head h4{font-size: 14px; line-height: 22px;}

.uc_psw{ width: 600px; margin:0 auto; padding-top: 20px;}
.uc_psw li{padding-bottom: 10px; overflow: hidden;}
.uc_psw label{display: inline-block; width: 100px; margin-right: 5px; text-align: right; color: #333;}
.uc_psw .ipt{width: 200px; height: 20px; line-height: 20px;}
.uc_psw .uc_psw_pl{padding-left: 105px;} .uc_psw span{color: #f00;}

.uc_edit{ width: auto; margin-bottom: 0;} .uc_edit fieldset legend{display: none;}
.uc_edit li{padding-left: 80px;} .uc_edit a{color: #00a9dc;}

.uc_payment{ padding:0 15px; overflow: hidden;} .uc_payment a{ color: #00aee2}
.uc_payment .paybtn a{border:1px solid #fff; margin:0 2px!important;}
.uc_payment .paybtn a.on,.uc_payment .paybtn a:hover{border:1px solid #f80;}
.uc_payment h5{font-size: 16px; color: #333; line-height: 1.4; margin: 15px auto;}
.uc_payment li{ margin-bottom: 8px;}
.uc_payment li label{display: inline-block; text-align: right; width: 100px;}
.uc_payment li .ipt{width: 250px;}
.uc_payment li .slt{width: 150px; height: 24px;}
.uc_payment .i_paypal,.uc_payment .i_alipay,.uc_payment .i_unionpay{background: url(images/i_payment.jpg) no-repeat 0 -32px; display: inline-block; height: 32px; width: 100px;} .uc_payment .i_alipay{background-position: 0 -64px; width: 110px}
.uc_payment .i_unionpay{background-position: 0 0; width: 149px;}

.howtobuy{ overflow: hidden; padding: 20px 0 20px 0;}
.howtobuy h3{ color: #333; font-size: 16px; margin-bottom: 15px;}
.howtobuy h4{ padding:3px 5px; color: #333; font-size: 14px; background: #ececec;}
.howtobuy img{ border:1px solid #ddd; display: block; margin: 10px auto;}

.c_service{ width: 1080px; overflow: hidden; padding: 10px 0; float:right;background: white;margin-bottom:25px}
.c_service h2{ color: #333; font-size: 18px; margin-bottom: 15px;}
.c_service h3{ color: #333; font-size: 16px; margin-bottom: 15px;}
.c_search{ margin-bottom: 10px;} .c_search .ipt{ width: 500px; height: 16px; line-height: 16px;}
.c_slist{ overflow: hidden;} .c_slist .hotlink{ color: #f00!important;}
.c_slist h4{ font-size: 16px; color: #333; margin-bottom: 15px;}
.c_slist ul{ padding-right: 300px; overflow: hidden;}
.c_slist li{ margin-bottom: 20px; overflow: hidden;}
.c_slist li a{display: block; margin-bottom: 10px; color: #00a9dc; font-size: 16px; }


.help_center,.com_intro,.rcm_shop,.c_charge,.c_step{ overflow: hidden;    padding: 10px 10px;    background-color: white;}
.help_center h4,.com_intro h4,.rcm_shop h4,.c_charge h4{    padding: 8px 8px 10px 8px;  color: #fff;    font-size: 14px;    background: #00aee2;margin-top: 0px;}
.help_center .help_con{ width: 470px; border:1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; margin-right: 15px; margin-left: 40px;}
.help_center .help_con h4{border-bottom:1px solid #ddd;}
.help_center .help_con li{padding:2px 12px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.help_center .help_con li a{ color: #00a9dc; }
.help_center .help_tip{ color: #f00; font-size: 15px;}
.com_intro ul{ padding-bottom: 0px;} .com_intro li{padding-bottom: 5px;padding-right: 5px}
.com_intro li label{ display: inline-block; width: 130px; text-align: right; margin-right: 5px;}

.help_desk{ width: 450px; margin: 0 auto; overflow: hidden;}
.help_desk li{position: relative; min-height: 24px; padding-left: 110px; margin-bottom: 10px;}
.help_desk li strong{position: absolute; left: 0; top: 0; display: block; width: 100px; text-align: right; font-weight: normal;}
.help_desk .ipt{ width: 160px; height: 32px; line-height: 20px;}
.help_desk .slt{ height: 32px; width: 100px;}
.help_desk .tarea{border:1px solid #d5d5d5; padding: 2px; width: 330px; height: 150px;} .help_desk .tarea:focus{border-color: #f80;}

.rcm_shop h3,.c_step h3{ color: #333; font-size: 16px; margin-bottom: 15px;}
.rcm_shop .rcm_info{text-align: center; padding: 10px 0;}
.rcm_shop .rcm_shopcon{  overflow: hidden;}
.rcm_shop .rcm_shoplist{width: 470px; padding-bottom: 15px;} .rcm_shop .rcm_shoplist h4{margin-bottom: 15px;}
.rcm_shop .rcm_shoplist li{width: 50%; text-align: center; float: left; margin-bottom: 10px;}
.rcm_shop .rcm_shoplist li img{display: block; border:1px solid #ddd; margin:0 auto 5px;}
.rcm_shop .rcm_shoplist li img:hover{border-color: #f80;}

.c_charge .uc_list{  margin:0 auto;border: 1px  #ffffff solid; background-color:white; padding: 5px 25px 5px 5px}
.c_stepcon{width: 540px; overflow: hidden; margin:0 auto; padding-top: 20px;}
.c_stepcon p{display: block; background: #f3f3f3; border:1px solid #dfdfdf; font-size: 16px; padding: 3px 12px;}



.sprite,.icon-arrow-left,.icon-arrow-right{background: url(images/sprite.png) no-repeat; display: inline-block;}
.i_news,.i_qa,.i_rcm{ background-position: 0 -50px; width: 30px; height: 30px; margin-right: 5px;}
.i_qa{background-position: 0 -80px;}.i_rcm{background-position: 0 -110px;}
.i_line{ background-position: -44px -50px; width: 6px; height: 20px; vertical-align: middle; margin-right: 5px;}
.icon-arrow-left,.icon-arrow-right{width: 20px; height: 20px; background-position: 0 -200px; display: block; margin: 0 auto;}
.icon-arrow-right{background-position: -20px -200px;}
.i_arrow{background-position: -44px -90px; width: 6px; height: 8px; vertical-align: middle; margin-left: 3px;}
.reg_step li.on .i_arrow{background-position: -44px -120px}
.i_success{background-position: 0 0; width: 50px;height: 50px;}
.i_user{background-position: 0 -172px;height: 30px; width: 30px; vertical-align: middle;}
.i_edit,.i_delete{background-position: -30px -155px; width: 20px; height: 20px;}
.i_delete{background-position: -30px -175px;}
.i_step{background-position: 0 -224px; width: 50px; height: 24px; display: block; margin:10px auto;}

.btn_regprev,.btn_regnext{ cursor: pointer; border:none; width: 84px; height: 33px; color: #fff; margin:8px 15px 0 0; font:normal 18px/33px "微软雅黑";}
.btn_regprev{background-position: 0 -34px; color: #ff8b00;}.btn_regprev:hover{background-position: -85px -34px;}
.btn_regnext:hover{background-position: 0 0;} .btn_regnext:hover{background-position: -85px 0;}
a.btn_enter{background:url(images/btn_enter.jpg) no-repeat; display: block; margin: 45px auto 0; width: 214px; height: 33px;}
a.btn_enter:hover{background-position: 0 -34px;}
.btn_search{background-position: -86px -70px; width: 64px; height: 22px; cursor: pointer; border:none;}
.btn_search:hover{background-position: -86px -93px;}
a.btn_add{background-position: -1px -70px; width: 84px; height: 22px; display: inline-block;}
a.btn_add:hover{background-position: -1px -93px;}



.footer{
    background-color: #000;
    width: 100%;
    overflow: hidden;
     text-align: center; 
     padding-top: 30px; 
     height: 310px;
      margin: 0px auto;
}
.footer .wrapper{
    width: 1080px;
    margin: 0px auto;
}
.footer .wrapper .left{
    float: left;
    width:70%;
}
.footer .wrapper .right{
    float: left;
    width:28%;
}
.footer .wrapper .col4 .item{
    display: inline-block;
    width: 23%;
    padding-right: .5%;
}
.footer .wrapper .col4 .item h4{
    color: #e6e6e6;
    font-size: 16px;
    padding: 5px;
}
.footer .wrapper .col4 .item ul li a{
    color: #bbbaba;
}

.footer .bottom_qr{
    margin-top: 0px;
    vertical-align: bottom;
}

.footer a{
    display: inline-block; 
    margin:0 4px; 
    color: #CCC;
}
.clear{
    clear: both;
}


html{_background:url(about:blank); }
.mask { width:100%; height:100%; _height:700px; background:#000; opacity:0.3; filter:alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; left:0; top:0; z-index:9998;position: fixed; _display: none;}
.tipbox{position: absolute; width: 100%; height: 100%; z-index: 222; top: 0; left: 0;}
.box_layer{background:#fff; width: 560px; padding: 12px; z-index: 9999; left: 50%; top: 20%;_top: 200px; margin-left: -280px; border:1px solid #d0d0d0;  position: fixed; _position: absolute; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-400:document.body.scrollTop+document.body.clientHeight-this.clientHeight-400));}
.box_tip{ width: 330px; margin-left: -150px;}
.tip_t{height: 35px; line-height: 32px; position: relative; width: 100%; z-index: 1;}
.tip_t h4{color: #fff; padding: 0 12px; font-size: 16px; display: inline-block; height: 34px; line-height: 34px; border:1px solid #d0d0d0; border-bottom: 2px solid #fff; color: #f00; top: 0; left: 0; background:#f4f4f4; background:-moz-linear-gradient(center top, #f0f0f0, #ffffff); background:-webkit-gradient(linear, 0 0,0 bottom, from(#f0f0f0), to(#ffffff));}
.tip_t a.close{ position: absolute; right:0; top: 0px; color: #f08300; background-position: 0 -140px; height: 30px; width: 30px;}
.tip_c{padding: 20px 10px; border:1px solid #d0d0d0; overflow: hidden; position: relative; z-index: 0;}
.tip_c li{margin-bottom: 8px;} .tip_c .required{color: #f00; font-weight: bold;}
.tip_c .tip_title{display: inline-block; vertical-align: middle; width: 80px; text-align: center;}
.tip_c .tip_con{font-size: 14px; line-height: 24px;}
.tip_c .tip_con p{padding-bottom: 10px;}
.tip_c .reg_con{width: auto; margin-bottom: 0}
.tip_c .reg_con legend{display: none;}
.tip_c .reg_con li{padding: 0 0 0 80px;}


.left-menu{width:19%; margin:14px 0 0 0;  float:left;padding-left: 3px;}
.left-t{padding-left: 5px;width:100%; margin:0; height:28px; line-height:28px; background-color:#eee; color:#333; font-size: 14px;font-family: "微软雅黑";font-weight:bold ;}
.left-s{width:80%; margin:2px 0 2px 20px; height:24px; border-bottom:1px solid #ddd; line-height:24px;}
.c_servicelyc{ width: 80%; overflow: hidden; padding: 10px 0; float:right;}
.c_servicelyc h3{ color: #333; font-size: 16px; margin-bottom: 15px;}


/*日期插件样式*/
.datepicker{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:none; position: absolute; background: #fff; border:1px solid #dfdfdf;}.datepicker >div{ display:none}.datepicker table{ width:100%; margin:0}.datepicker td,.datepicker th{ text-align:center; width:20px; height:18px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}.datepicker td.day:hover{ background:#eee; cursor:pointer}.datepicker td.day.disabled{ color:#eee}.datepicker td.old,.datepicker td.new{ color:#999}.datepicker td.active,.datepicker td.active:hover{ color:#fff; background-color:#006dcc; background-image:-moz-linear-gradient(top,#08c,#04c); background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); background-image:-webkit-linear-gradient(top,#08c,#04c); background-image:-o-linear-gradient(top,#08c,#04c); background-image:linear-gradient(to bottom,#08c,#04c); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08cc',endColorstr='#f04cc',GradientType=0); border-color:#04c #04c #002a80; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#04c;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:focus,.datepicker td.active:hover:focus,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled]{ color:#fff; background-color:#04c; *background-color:#003bb3}.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active{ background-color:#039 \9}.datepicker td span{ display:block; width:47px; height:54px; line-height:54px; float:left; margin:2px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}.datepicker td span:hover{ background:#eee}.datepicker td span.active{ color:#fff; background-color:#006dcc; background-image:-moz-linear-gradient(top,#08c,#04c); background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); background-image:-webkit-linear-gradient(top,#08c,#04c); background-image:-o-linear-gradient(top,#08c,#04c); background-image:linear-gradient(to bottom,#08c,#04c); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08cc',endColorstr='#f04cc',GradientType=0); border-color:#04c #04c #002a80; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#04c;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datepicker td span.active:hover,.datepicker td span.active:focus,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled]{ color:#fff; background-color:#04c; *background-color:#003bb3}.datepicker td span.active:active,.datepicker td span.active.active{ background-color:#039 \9}.datepicker td span.old{ color:#999}.datepicker th.switch{ width:145px}.datepicker th.next,.datepicker th.prev{ font-size:21px}.datepicker thead tr:first-child th{ cursor:pointer}.datepicker thead tr:first-child th:hover{ background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{ display:block; cursor:pointer; width:16px; height:16px} .datepicker .today{cursor: pointer;}
.datepicker-inline{ width: 230px; padding:4px; position: static; border:none; display: block;}



/*pure CSSカスタマイズ*/

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
a.pure-button {
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
color: #444;
color: rgba(0,0,0,.8);
border: 1px solid #999;
border: 0 rgba(0,0,0,0);
background-color: #E6E6E6;
text-decoration: none;
border-radius: 2px;
}
a.pure-button-primary {
background-color: #0078e7;
color: #fff;
}

a.button-success {
    background: rgb(28, 184, 65); /* this is a green */
	color: #fff;
}

a.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
	color: #fff;
}

a.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
	color: #fff;
}

a.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
	color: #fff;
}
a.button-xsmall {
    font-size: 70%;
}

a.button-small {
    font-size: 85%;
}

a.button-large {
    font-size: 110%;
}

a.button-xlarge {
    font-size: 125%;
}

.message_box_s1{
	border: 1px solid #ffd4bb;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	background-color: #fff6f1;
	color: red;
}
*.display_none{
	display:none !important;
}
.esday {
background: #00a9dc;
border-color: #ff7011;
color: #fff;
}

#tip {
    position: absolute;
    padding-top:4px;
    padding-left:10px;
    top: 35px;
    left:100%;
    height:30px;
    display: none;
    z-index: 9999;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}


#page-top {
    font-size: 0;
    position: fixed;
    bottom: 16px;
    right: 16px;
    opacity: 0;
}
#page-top.fade-in {
    color: #000;
    font-size: 60px;
    opacity: 0.6;
    transition: opacity 1s;
}
#page-top .page-top-wrapper{
    padding: 10px;
    background-color: #0095C3;
}
#page-top .page-top-wrapper ul li{
    line-height: 55px;
}

.wechat-qrcode {
    position: absolute;
    top: 45px;
    left: 35%;
    margin-left: 350px;
    display: inline-block;
    background-color: #ccc;
    padding: 10px;
    border-radius: 5px;
    /* display: none; */
    z-index: 9999;
}
.block{
    padding: 10px 20px;
    background-color: white;
}
.worning_bk{
    background-color: #fff1f3;
}
.blue_bk{
    background-color: #eaf0ff;
}
table{
    vertical-align: center;
}

.title {

    font-weight:  bold;
}

@media screen and (max-width: 1080px) {
    .footer{
	width: 1080px;
    }
    .main{
    	width: 1080px;
    }
    .swiper-container{
    width: 1080px;
    }
    .wrapper{
     width: 1080px;
    }
}

.bypartner {
padding-top: 100px;
    padding-left: 50px;
    border-left: 1px solid #bfbfbf;
    height: 400px;
    
}
.cnt_agent_order {
    padding: 0px 5px;
    background-color: red;
    color: #FFF;
    border-radius: 50px;
    margin-left: 3px;
    
}
.amazon_keyword{
    width: 40%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}